$(window).load(function(){
    
	$('.image_container').each(function(index){		
		//index starts at 0, so we add one just for clarity sake
		var shownum = index + 1;
		
		$(this).after('<div class="image_nav image_nav' + shownum + '">') 
		.cycle({ 
		    fx:     'turnDown', 
		    speed:  'fast', 
		    timeout: 0, 		    
		    pager:  '.image_nav' + shownum
		});		
	});
	
	$('.swf_instructions span').qtip({ 
		style: { 
			background: '#77c153', 
			border:
				{ color: '#77c153', width: 1, radius: 12},
			color: '#333',
			"font-size": '1.35em',
			padding: 5,
			"text-align": 'center',
			width: 300,
			tip: 
				{ corner: "topMiddle", width: 300, radius: "20"}
		},
		position: {
			corner: {
				target: "bottomMiddle",
				tooltip: "topMiddle"
			}
		}
	});
});